<!DOCTYPE HTML>
<html  xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>订单查看</title>
	<meta charset="utf-8">
	<meta http-equiv="Content-Type" content="IE=edge,chrome=1">
	<title></title>
	<meta name="description" content="">
	<!-- viewport 设备屏幕参数设置 -->
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> 
	<script type="text/javascript" src="../common/meta.js"></script> 
	<script type="text/javascript" src="./cache.js"></script> 	 
    <script type="text/javascript" src="./orderSearch.js"></script> 	 
     
    <style>
    	#pullToUP #pullUp .message span.pullLabel:after { content: "加载更多数据"; }
		#pullToUP  #pullUp.flip .message span.pullLabel:after { content: "松开手指刷新数据"; }
		#pullToUP #pullUp.loading .message span.pullLabel:after { content: "正在加载中..."; }
		
	    table th{
	    background-color: #49afcd;
	    color:#fff;
	    }
    	.panel{
    		margin:10px;
    		border:1px solid;
    		border-color: gray;
    		padding: 2px;
    		border-radius:8px;
    	}
    	.home{
		 	margin-top:5px;
		 	float:right;
		 }
		.ui-header .ui-title{
		    font-size: 18px;
		}
               ul, ol {
			margin: 0 0 0px 0px;
			padding: 0;
		}
         .back{
		 	margin-top:5px;
             float:left;
		 }
</style>
</head>
<body>

<div id="settingPage" data-role="page" class="bodyframe">

	<div data-role="header" class="theme-info" >
        <ul class="back">
	   		<a   href="personalSetting.html"><image src='../image/left_48.png'></image></a>
	   	</ul>
		<ul class="home">
	   		<a  id="home" ><image src='../image/home_48.ico'></image></a>
	   	</ul>
		<h1 id="catagoryName">订单查看</h1>
	</div>
	
	<div class="panel">
		<table id="orderGrid" class="table table-bordered " data-role="gridscrolllist" data-settings="{pageSize:5,currentPageIndex:1,server:'findOrder',autoload:true}">
			<thead>
				<tr>
					<th field="orderTime" >订单下单时间</th>
					<th field="amount" >总价</th>
					<th field="state_name" >状态</th>
				</tr>
			</thead>
			<tbody >
				<tr class='grid_tr_templete' >
					<td  width="55%"></td>
					<td  width="20%"></td>
					<td  width="25%"></td>
				</tr>
			</tbody>
		</table>
		   <!-- 
		      data-role="pullToRefresh"   自动化滚动刷新组件
		      data-target-grid='gridPage' 匹配相应table，这里是id为gridPage的table
		      style="height:300px;"   设定滚动区域高度
		    -->
	   <div  id="pullToUP" data-role="pullToRefresh"  data-target-grid='orderGrid'  style="height:220px;">
			<table>
				<tbody>
				</tbody>
				<tfoot >
					<tr >
						<td colspan="7">
							 <!-- 可定制的工具栏 -->
							<div class="row-fluid pagebar auto-pagebar">
							 
							</div>
						</td>
					</tr>
				</tfoot>
			</table>
	  </div>
	</div>
	
	
</div>	

 
</body>

</html>